import React,{ Fragment } from 'react'
import {  } from "antd"
import "../public/style/components/advert.less"

const advertList = [
    {
        "url":"http://blogimages.jspang.com/flutter_ad2.jpg",
        "link":"http://blogimages.jspang.com/flutter_ad2.jpg",
    },{
        "url":"http://blogimages.jspang.com/Vue_koa_ad1.jpg",
        "link":"http://blogimages.jspang.com/Vue_koa_ad1.jpg",
    },{
        "url":"http://blogimages.jspang.com/WechatIMG12.jpeg",
        "link":"http://blogimages.jspang.com/WechatIMG12.jpeg",
    },{
        "url":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577188502629&di=e63dcfc12b1fb9ac8c12afffa5538040&imgtype=0&src=http%3A%2F%2F58pic.ooopic.com%2F58pic%2F12%2F81%2F77%2F67V58PICtyp.jpg",
        "link":"https://image.baidu.com",
    },{
        "url":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577188502623&di=af6c0ced8284ecf4c139ef7981c7ee68&imgtype=0&src=http%3A%2F%2Fbig5.wallcoo.com%2Fnature%2FHokkaido_summer_field%2Fimages%2FHokkaido_summer_field_picture_13652941_3540148.jpg",
        "link":"https://image.baidu.com"
    }
]
const Advert = ()=>{

    return (<div className="ad-div comm-box">
        {
           advertList.map((item,index)=>{
               return (<div key={index}><a href={item.link} target="_blank"><img src={item.url} width="100%"/></a></div>)
           }) 
        }
    </div>)
}

export default Advert